@import '~antd/dist/antd.less';
@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  margin : 0;
  padding: 0;
}

/* 倾斜文字不倾斜 */
em,
i {
  font-style: normal;
}

ul {
  margin: 0;
}

/* 去掉小圆点 */
li {
  list-style: none;
}

img {
  /* border 0 照顾低版本游览器 如果图片外面包含链接会有边框问题 */
  border        : 0;
  /* 取消图片底侧有空白缝隙问题 */
  vertical-align: middle;

  border-style: none;
  vertical-align: middle;
  object-fit: contain;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(97, 184, 179, 0.1);
  background   : @menuTextColor;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background   : #ededed;
}

button.ant-btn-primary{
  background-color: #7d68ef !important;
  border-color: #7d68ef !important;
  color: white;
  border-radius: 6px;
}
button.ant-btn-link {
  color: #7d68ef !important;
}

input.ant-input:hover {
  border-color: #7d68ef;
  border-right-width: 1px;
}
.ant-select-selection-search-input:hover{
  border-color: #7d68ef !important;
  border-right-width: 1px;
}


.ant-select-selection-item {
  font-size: .14rem;
}

.ant-input-affix-wrapper {
  border-radius: 6px;
  padding      : 0 11px;
}

.ant-form-item-explain {
  font-size: 12px;
}

.ant-picker-input {
  input {
    font-size: .14rem;
  }
}

// 输入框
.ant-input {
  font-size    : .14rem;
  border-radius: 4px;
  height       : 0.32rem;
  // min-height: 30px;
  min-height   : 28px;
  max-height: 100%;
}

.ant-input-group {
  height: 32px;
}

// 密码框
.ant-input-password {
  padding   : 0 11px;
  // height    : 0.34rem;
  height: 32px;
  // height       : 0.32rem;
  min-height: 30px;
  max-height: 100%;
}

.ant-card-head-title {
  overflow: inherit;
}

// 数字输入框
.ant-input-number {
  width        : 100%;
  border-radius: 4px;
}

.ant-form-item-label {
  label {
    font-size: .14rem;
  }
}

.ant-picker {
  padding      : 5px 11px 5px;
  border-radius: 4px;
}

.ant-card {
  min-width: 3rem !important;
}

.ant-btn {
  font-size: .14rem;
  padding: .04rem .15rem;
}

// Select Option
.ant-select-item-option-content {
  font-size: .14rem;
}

// 步骤条描述
.ant-steps-item-description {
  font-size: .14rem;
}

.ant-card-body {
  padding: .24rem;
}

.ant-modal-body {
  padding: .24rem;
}


@media screen and (min-width: 320px) {
  html {
    font-size: 30px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 35px;
  }
}

@media screen and (min-width: 480px) {
  html {
    font-size: 40px;
  }
}

@media screen and (min-width: 640px) {
  html {
    font-size: 48px;
  }
}


@media screen and (min-width: 750px) {
  html {
    font-size: 53px;
  }
}

@media screen and (min-width: 800px) {
  html {
    font-size: 55px;
  }
}

@media screen and (min-width: 1000px) {
  html {
    font-size: 65px;
  }
}

@media screen and (min-width: 1100px) {
  html {
    font-size: 70px;
  }
}


@media screen and (min-width: 1200px) {
  html {
    font-size: 77px;
  }
}

@media screen and (min-width: 1360px) {
  html {
    font-size: 80px;
  }
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 85px;
  }
}

@media screen and (min-width: 1536px) {
  html {
    font-size: 90px;
  }
}


@media screen and (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}